<?php
	
	/**
	 * Load doctype
	 */
	$plugins -> html -> doctype ( "XHTML 1.0 Strict" );
	
?>

<head>

<?php

	/**
	 * Lets load standard meta tags...
	 * ( title, content-type, author, organization, keywords, description )
	 */
	$plugins -> head -> standardMeta();
	
	/**
	 * Deny access for robots!!!! 
	 */
	$plugins -> robots -> deny();

	/**
	 * Load css template!
	 */
	$plugins -> css -> load(
		array (
			"style"     => "screen",
			"styleIE"   => "screen",
			"styleIE7"  => "screen"
		)
	);
	
	/**
	 * Lets go load javascript files...
	 */
	$plugins -> js -> load( array (
		"jquery-1.2.6" => false,
		//"jquery/hotkeys"    => false,
		"jquery-ui"         => false,
		"workspaceat/menu"  => false,
		//"workspaceat/hotkeys"  => false,
		"workspaceat/fastlaunch" => false,
		"workspaceat/alerts"     => false,
		//"workspaceat/notice_window" => false,
	));
	
?>
</head>
<body>

	<!-- STARTUP NOTICE AREA-->
	<div class="notice" id="notice">
		
		<div class="box">
			<div class="header">
				<h2>Welcome to Workspace@ application!</h2>
				
				<img class="x" id="close" src="<?php echo $plugins -> css -> getCssPath(); ?>/elements/exit_btn_notice.png" alt="Close window" />
			</div>
			
			<div class="container">
				<p>Postovani goste ili gosco :) Molimo Vas za pola minute vaseg vremena.
					Primjecujemo da po prvi puta pristupate Workspace@ engine aplikaciji.</p>
				
				<p class="alert">Dali zelite da sistem prati sve vase akcije nad servisom?</p>
				
				<p>U koliko odaberete da, sistem ce pratit sve vase odabire te po tome 
					odredivat sta je najbolje za vas. Ova usluga je vise nego li od pomoci no
					naprednim korisnicima koji puta moze stvorit nepotrebne izlistaje.</p>
					
				<form action="#" onsubmit="return false;">
						<input type="checkbox" id="remember_checkbox" /> 
						<span>Remember my answer!</span>
				</form>
				
				<a href="#" class="likebutton" id="notice_ok"  title="">Ok, let me in!</a>
				<a href="#" class="likebutton" id="notice_not" title="">Just stop spamming me!</a>
			</div>
			
			<div class="footer">&nbsp;</div>
		</div>
		
	</div>
	
	<!-- FAST LAUNCHER AREA -->
	<div class="fastlaunch" id="fastlaunch">
		
		<div class="topfix">
			<img class="x" id="launch_close" src="<?php echo $plugins -> css -> getCssPath(); ?>/elements/launch_x.png" alt="Close window" />
		</div>
		
		<div class="container">
			<h1>Workspace@ quick access</h1>
			
			<p>This area is used for quick access inside of Workspace@ features. Just start to write
			   down and system will find and save your searchs :)</p>
			   
			<input type="text" id="fastlaunch_browser" name="fastlaunch_browser" value="Start to typing..." />
		</div>
		
		<div class="bottomfix">&nbsp;</div>
	</div>
	
	<div class="fastlaunch_activator">
		
		<ul>
			<li>
			<img class="x" id="launch_btn" src="<?php echo $plugins -> css -> getCssPath(); ?>/elements/quicklaunch_btn.png" alt="Close window" />
			</li>
		</ul>
	</div>
	
	<!-- FLOATING QUICK NAVI AREA -->
	<div class="quicknavi" id="quicknavi">
		
		<div class="handler" id="quicknavi_handler">
			<div class="fukyou">
				<img class="quick_handler" id="launch_btn" src="<?php echo $plugins -> css -> getCssPath(); ?>/elements/quickmenu_title_bg.png" 
				alt="Open/Close quick navigation" />
			</div>
		</div>
		
		<div class="container" id="quicknavi_container">
			<h2>Workspace@ Engine standard shortcuts</h2>
			
			<ul>
			
				<li id="homepage_link">
					<h2>Home page</h2>
					<p><a href="<?php echo $plugins -> page -> link ( "" ); ?>" title="<?php echo $plugins -> language -> startlinktitle; ?>" >Go to Workspace@ Engine home page!</a></p>
				</li>
				
				<li id="quickl_handler">
					<h2>Quick launcher</h2>
					<p>Quick launcher will help you to easily access W@E features!</p>
				</li>
				
				<li>
					<h2>Notes</h2>
					<p id="notes_handler">Do we need to write any description for this?</p>
				</li>
			</ul>
			
			<div class="fukyou2">
				<p>There are no deadlines or alerts to show! That's good :D</p>
				
				<p>If you like to, you can define one :) LoL</p>
			</div>
		</div>
		
	</div>

	<?php
		$repository->menu->loadComponent( "main", "backend" );
	?>
		
		<div class="activator" id="naviactivator">&nbsp;</div>
		
	</div>
	
	<!-- USER AREA -->
	<div class="userarea">
		
		<!-- Container exists because of bg fix. Don't remove it! -->
		<div class="container">
		
			<h1>quick user area</h1>
			
			<p>Welcome to quick user area. Click on links below to modify your user account</p>
			
			<ul>
				<li>
					<a href="<?php echo $plugins -> page -> link ( "" ); ?>" 
					title="<?php echo $plugins -> language -> startlinktitle; ?>" >Account info</a>
				</li>
				<li>
					<a href="<?php echo $plugins -> page -> link ( "" ); ?>" 
					title="<?php echo $plugins -> language -> startlinktitle; ?>" >Manage profile</a>
				</li>
				<li>
					<a href="<?php echo $plugins -> page -> link ( "" ); ?>" 
					title="<?php echo $plugins -> language -> startlinktitle; ?>" >Team area</a>
				</li>
				<li>
					<a href="<?php echo $plugins -> page -> link ( "" ); ?>" 
					title="<?php echo $plugins -> language -> startlinktitle; ?>" >Private messages (0)</a>
				</li>
				<li>
					<a href="<?php echo $plugins -> page -> link ( "authenticate/logout" ); ?>" 
					title="<?php echo $plugins -> language -> logout; ?>" ><?php echo $plugins -> language -> logout; ?></a>
				</li>
			</ul>
		</div>
		
	</div>
	
	<!-- Top fixer and alert container a.k.a area -->
	<div class="topfix">
		<div class="alert" id="basealert">
			<h1 id="balerttitle">Workspace@ activation error</h1>
			<p  id="balertmessage">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam vel elit. 
			   Sed lobortis blandit lorem. Mauris dictum dolor nec eros. Integer vitae massa id odio rutrum pretium. 
			   Donec ligula leo, tristique et, tempor molestie, accumsan eget, odio. Nullam odio arcu, rutrum vitae, 
			   lobortis in, pharetra quis, nunc.</p>	
		</div>
	</div>
	
	<!-- PAGE WARPER -->
	<div class="warp">
		
		<!-- CONTAINER AREA-->
		<div class="container">
		
			<div class="box">
				<h1>Workspace@ - start page</h1>
				<hr />
				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
				Nullam vel elit. Sed lobortis blandit lorem. Mauris dictum dolor nec eros. 
				Integer vitae massa id odio rutrum pretium. Donec ligula leo, tristique et, 
				tempor molestie, accumsan eget, odio. Nullam odio arcu,
				rutrum vitae, lobortis in, pharetra quis, nunc.
				Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam vel elit. 
				Sed lobortis blandit lorem. Mauris dictum dolor nec eros. 
				Integer vitae massa id odio rutrum pretium. Donec ligula leo, tristique et, tempor molestie, accumsan eget, odio. Nullam odio arcu,
				rutrum vitae, lobortis in, pharetra quis, nunc.</p>
				
				<ul class="screencastlist">
					<li><img src="<?php echo $plugins -> css -> getCssPath(); ?>/elements/screencast_placehoder.png" alt="#" /></li>
					<li><img src="<?php echo $plugins -> css -> getCssPath(); ?>/elements/screencast_placehoder.png" alt="#" /></li>
					<li><img src="<?php echo $plugins -> css -> getCssPath(); ?>/elements/screencast_placehoder.png" alt="#" /></li>
				</ul>
			</div>
			
			<div class="box">
				<h1>6 latest team and user activities</h1>
				<hr />
				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
				Nullam vel elit. Sed lobortis blandit lorem. Mauris dictum dolor nec eros. 
				Integer vitae massa id odio rutrum pretium. Donec ligula leo, tristique et, 
				tempor molestie, accumsan eget, odio. Nullam odio arcu,
				rutrum vitae, lobortis in, pharetra quis, nunc.
				Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam vel elit. 
				Sed lobortis blandit lorem. Mauris dictum dolor nec eros. 
				Integer vitae massa id odio rutrum pretium. Donec ligula leo, tristique et, tempor molestie, accumsan eget, odio. Nullam odio arcu,
				rutrum vitae, lobortis in, pharetra quis, nunc.</p>
				
				<ul class="numberlist">
					<li>
						<span>1.</span>
						<span class="title">Fastforward ( Core team )</span>
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
						   Nullam vel elit. Sed lobortis blandit lorem. Mauris dictum dolor 
						   nec eros. Integer vitae massa id odio rutrum pretium. Donec ligula leo, tristique et, tempor molestie, 
						   accumsan eget, odio. Nullam odio arcu, rutrum vitae, lobortis in, pharetra quis, nunc.</p>
					</li>
					
					<li>
						<span>2.</span>
						<span class="title">Fastforward ( Core team )</span>
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
						   Nullam vel elit. Sed lobortis blandit lorem. Mauris dictum dolor 
						   nec eros. Integer vitae massa id odio rutrum pretium. Donec ligula leo, tristique et, tempor molestie, 
						   accumsan eget, odio. Nullam odio arcu, rutrum vitae, lobortis in, pharetra quis, nunc.</p>
					</li>
					
					<li>
						<span>3.</span>
						<span class="title">Fastforward ( Core team )</span>
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
						   Nullam vel elit. Sed lobortis blandit lorem. Mauris dictum dolor 
						   nec eros. Integer vitae massa id odio rutrum pretium. Donec ligula leo, tristique et, tempor molestie, 
						   accumsan eget, odio. Nullam odio arcu, rutrum vitae, lobortis in, pharetra quis, nunc.</p>
					</li>
					
					<li>
						<span>4.</span>
						<span class="title">Fastforward ( Core team )</span>
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
						   Nullam vel elit. Sed lobortis blandit lorem. Mauris dictum dolor 
						   nec eros. Integer vitae massa id odio rutrum pretium. Donec ligula leo, tristique et, tempor molestie, 
						   accumsan eget, odio. Nullam odio arcu, rutrum vitae, lobortis in, pharetra quis, nunc.</p>
					</li>
					
					<li>
						<span>5.</span>
						<span class="title">Fastforward ( Core team )</span>
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
						   Nullam vel elit. Sed lobortis blandit lorem. Mauris dictum dolor 
						   nec eros. Integer vitae massa id odio rutrum pretium. Donec ligula leo, tristique et, tempor molestie, 
						   accumsan eget, odio. Nullam odio arcu, rutrum vitae, lobortis in, pharetra quis, nunc.</p>
					</li>
					
					<li>
						<span>6.</span>
						<span class="title">Fastforward ( Core team )</span>
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
						   Nullam vel elit. Sed lobortis blandit lorem. Mauris dictum dolor 
						   nec eros. Integer vitae massa id odio rutrum pretium. Donec ligula leo, tristique et, tempor molestie, 
						   accumsan eget, odio. Nullam odio arcu, rutrum vitae, lobortis in, pharetra quis, nunc.</p>
					</li>
				</ul>
			</div>
			
			<div class="box">
				<h1>Workspace@ Archive - check them out!</h1>
				<hr />
				<p>Because we're taking care about Workspace@ Engine users, we are listing all possible sites which are running under it!
				   This feature will say more than our words because you can see it in real example. As well you can see some good ideas and
				   integrate it inside of your system! Each and every time when this page is refreshed the new ones will be shown!
				</p>
				
				<ul class="archivelist">
					<li><img src="<?php echo $plugins -> css -> getCssPath(); ?>/elements/screencast_placehoder.png" alt="#" /></li>
					<li><img src="<?php echo $plugins -> css -> getCssPath(); ?>/elements/screencast_placehoder.png" alt="#" /></li>
					<li><img src="<?php echo $plugins -> css -> getCssPath(); ?>/elements/screencast_placehoder.png" alt="#" /></li>
					<li><img src="<?php echo $plugins -> css -> getCssPath(); ?>/elements/screencast_placehoder.png" alt="#" /></li>
					<li><img src="<?php echo $plugins -> css -> getCssPath(); ?>/elements/screencast_placehoder.png" alt="#" /></li>
					<li><img src="<?php echo $plugins -> css -> getCssPath(); ?>/elements/screencast_placehoder.png" alt="#" /></li>
				</ul>
			</div>
					
		</div>
		
		<!-- SUBNAVI AREA -->
		<div class="subnavi">
		
			<div class="red">
				
				<div class="topfix">
					&nbsp;
				</div>
				
				<h1>Shortcuts</h1>
				<a href="#" title="#">Click here to manage your shortcuts!</a>
				
				<ul>
					<li>
						<a href="#" title="#">Option number one</a>
						<p>lore ipsum dolor sit amet ...............</p>
					</li>
					
					<li>
						<a href="#" title="#">Option number one</a>
						<p>lore ipsum dolor sit amet ...............</p>
					</li>
					
					<li>
						<a href="#" title="#">Option number one</a>
						<p>lore ipsum dolor sit amet ...............</p>
					</li>
				</ul>
				
				<div class="bottomfix">
					&nbsp;
				</div>
			</div>
			
			
			<div class="blue">
				
				<div class="topfix">
					&nbsp;
				</div>
				
				<h1>Start page related menu</h1>
				<a href="#" title="#">Click here to manage related menu!</a>
				
				<ul>
					<li>
						<a href="#" title="#">Option number one</a>
						<p>lore ipsum dolor sit amet ...............</p>
					</li>
					
					<li>
						<a href="#" title="#">Option number one</a>
						<p>lore ipsum dolor sit amet ...............</p>
					</li>
					
					<li>
						<a href="#" title="#">Option number one</a>
						<p>lore ipsum dolor sit amet ...............</p>
					</li>
				</ul>
				
				<div class="bottomfix">
					&nbsp;
				</div>
			</div>
			
			
			<div class="red">
				
				<div class="topfix">
					&nbsp;
				</div>
				
				<h1>Workspace@ news</h1>
				<a href="#" title="#">Click here to see rss feeds!</a>
				
				<ul>
					<li>
						<a href="#" title="#">Option number one</a>
						<p>lore ipsum dolor sit amet ...............</p>
					</li>
					
					<li>
						<a href="#" title="#">Option number one</a>
						<p>lore ipsum dolor sit amet ...............</p>
					</li>
					
					<li>
						<a href="#" title="#">Option number one</a>
						<p>lore ipsum dolor sit amet ...............</p>
					</li>
				</ul>
				
				<div class="bottomfix">
					&nbsp;
				</div>
			</div>
			
		</div>
		
	</div>
	
	
	<!-- Bottom fix area -->
	<div class="bottomfix">
	
		<div class="footer">
			<p>Copyright 2008-2009 <a href="http://workspaceat.com" title="#">Workspace@</a> in association with 
			   <a href="http://designstrategist.hr" title="#">Design strategist</a></p>
		</div>
		
	</div>
	
</body>
</html>